<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <title>作家管理系统-小说精品屋</title>
        <link rel="stylesheet" href="/css/base.css?v=1"/>
        <link rel="stylesheet" href="/css/user.css"/>
    </head>
</head>
<body class="">

<div class="header">
    <div class="mainNav" id="mainNav">
        <div class="box_center cf"
             style="text-align: center;height: 44px;line-height: 48px;color: #fff;font-size: 16px;">

            小说精品屋作家管理

        </div>
    </div>
</div>

<div class="main box_center cf">
    <div class="userBox cf">
        <div class="my_l">

            <ul class="log_list">
                <li><a class="link_4 on" href="/author/index.html">小说管理</a></li>
                <li><a class="link_2 " href="/author/author_income_detail.html">稿费收入</a></li>
                <!--<li><a class="link_1 " href="/user/userinfo.html">批量小说爬取</a></li>
<li><a class="link_4 " href="/user/favorites.html">单本小说爬取</a></li>-->
            </ul>

        </div>
        <div class="my_r">
            <div class="my_bookshelf">

                <div class="userBox cf">
                    <form method="post" action="./register.html" id="form2">
                        <div class="user_l2">
                            <br>
                            <div align="center">
                                <b>小说章节内容填写</b>
                            </div>
                            </br>
                            <div align="right" style="position: relative;"> <!-- 添加 position: relative 到 div 以允许绝对定位 -->
                                <h4 align="right" style="position: absolute; top: 10px; right: 0;">
                                    <!-- 使用 top 和 right 来移动位置 -->
                                    <a class="btn_red" href="javascript:void(0);" onclick="fileSelect();">
                                        点击文件上传
                                    </a>
                                    <!-- 隐藏的文件输入元素保持不变 -->
                                    <input type="file" accept=".doc,.txt" id="fileInput" style="display:none;">
                                </h4>
                            </div>
                            <ul class="log_list" style="font-size: 20px">
                                <li><span id="LabErr"></span></li>
                                <h3>章节名：</h3>
                                <li><input type="text" id="bookIndex" name="bookIndex" class="s_input"
                                           style="width: 200px"></li>
                                <h3><br/>章节内容：</h3>
                                <li id="contentLi">
                                <textarea name="bookContent" rows="20" cols="80" id="bookContent" style="width: 550px"
                                          class="textarea"></textarea></li>
                            </ul>

                            <!--                            <b>是否收费：</b>-->
                            <!--                            <li><input type="radio" name="isVip" value="0" checked>免费-->
                            <!--                                <input type="radio" name="isVip" value="1">收费-->
                            <!--                            </li>-->


                            <li style="margin-top: 10px"><input type="button" onclick="addBookContent()"
                                                                name="btnRegister" value="提交"
                                                                id="btnRegister" class="btn_red">


                            </li>
                            </ul>
                        </div>
                    </form>
                </div>
                <!--<div id="divData" class="updateTable">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>

                            <th class="name">
                                爬虫源（已开启的爬虫源）
                            </th>
                            <th class="chapter">
                                成功爬取数量（websocket实现）
                            </th>
                            <th class="time">
                            目标爬取数量
                            </th>
                            <th class="goread">
                                状态（正在运行，已停止）（一次只能运行一个爬虫源）
                            </th>
                            <th class="goread">
                                操作（启动，停止）
                            </th>
                        </tr>
                        </thead>
                        <tbody id="bookShelfList">



                        </tbody>
                    </table>
                    <div class="pageBox cf" id="shellPage">
                    </div>
                </div>-->
            </div>
        </div>
    </div>
</div>


</body>
<script src="/javascript/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="/layui/layui.all.js" type="text/javascript"></script>
<script src="/javascript/header.js" type="text/javascript"></script>
<script src="/javascript/user.js" type="text/javascript"></script>
<script src="/javascript/common.js" type="text/javascript"></script>
<script src="/javascript/mammoth.browser.js"></script>

<script language="javascript" type="text/javascript">


    var lock = false;

    function addBookContent() {

        if (lock) {
            return;
        }
        lock = true;


        var bookId = getSearchString("bookId");


        var indexName = $("#bookIndex").val();
        if (!indexName) {
            $("#LabErr").html("章节名不能为空！");
            lock = false;
            return;
        }

        var content = $("#bookContent").val();
        if (!content) {
            $("#LabErr").html("章节内容不能为空！");
            lock = false;
            return;
        }


        var isVip = $("input:checked[name=isVip]").val();


        $.ajax({
            type: "POST",
            url: "/author/addBookContent",
            data: {'bookId': bookId, 'indexName': indexName, 'content': content, 'isVip': isVip},
            dataType: "json",
            success: function (data) {
                if (data.code == 200) {

                    window.location.href = '/author/index_list.html?bookId=' + bookId;


                } else {
                    lock = false;
                    $("#LabErr").html(data.msg);
                }

            },
            error: function () {
                lock = false;
                layer.alert('网络异常');
            }
        })

    }

    function fileSelect() {
        // 清除textarea的内容
        document.getElementById('bookContent').value = '';

        // 创建一个新的文件选择输入框
        var fileInput = document.createElement('input');
        fileInput.type = 'file';
        fileInput.accept = '.txt,.docx'; // 允许选择.txt和.docx文件

        // 监听文件选择事件
        fileInput.onchange = function (e) {
            var file = e.target.files[0];
            if (!file) {
                return;
            }
            var reader = new FileReader();
            // 根据文件类型选择不同的处理方式
            if (file.type === 'text/plain' || file.name.endsWith('.txt')) {
                // 读取.txt文件为文本
                reader.onload = function (e) {
                    document.getElementById('bookContent').value = e.target.result;
                };
                reader.readAsText(file);
            } else if (file.name.endsWith('.docx')){
                // 读取.docx文件并转换为文本
                reader.onload = function (e) {
                    mammoth.convertToHtml({arrayBuffer: e.target.result})
                        .then(function (result) {
                            // 假设我们只关心纯文本，可以直接从HTML字符串中提取
                            const text = (new DOMParser()).parseFromString(result.value, "text/html").body.textContent || '';
                            document.getElementById('bookContent').value = text;
                        })
                        .catch(function (error) {
                            console.error('Error converting file:', error);
                        });
                };
                reader.readAsArrayBuffer(file);
            } else {
                // 对于.doc文件，你可能需要额外的处理或使用服务器端脚本
                alert('当前浏览器不支持直接读取该类型文件，请尝试转换为.docx或.txt格式。');
            }
        };

        // 触发文件选择对话框
        fileInput.click();
    }
</script>
</html>
